<html>
    <head>
        <title>加油！加油！加油！</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="./static/app.css">
    </head>
    <body>
        <div id="app">
            <h3>{{ title }}</h3>
            <div id="settings">
                <h3>口算练习题生成器 v1.0</h3>
                <p>----------------------------</p>
                <p>总数 <input v-model="settings.total"></p>
                <p>难度 <input v-model="settings.max"></p>
                <p>填空 <input disabled v-model="settings.blank">%</p>
                <p>进位 <input disabled v-model="settings.carry">%</p>
                <p>乱序 <input disabled v-model="settings.random"></p>
                <p>----------------------------</p>
                <p>加法 <input v-model="settings.add">%</p>
                <p>减法 <input v-model="settings.sub">%</p>
                <p>乘法 <input v-model="settings.mul">%</p>
                <p>除法 <input disabled v-model="settings.div">%</p>
                <p>----------------------------</p>
                <p>加减 <input disabled v-model="settings.addsub">%</p>
                <p>加乘 <input disabled v-model="settings.addmul">%</p>
                <p>加除 <input disabled v-model="settings.adddiv">%</p>
                <p>减乘 <input disabled v-model="settings.submul">%</p>
                <p>减除 <input disabled v-model="settings.subdiv">%</p>
                <p>----------------------------</p>
                <p><button v-on:click="rendit">重新生成</button> <button v-on:click="printit">打印</button></p>
                <p>----------------------------</p>
                <p class="warns" v-for="w in warns">{{w}}</p>
            </div>
            <p class="info">班级:_______　姓名:_______　学号:_______　　　　用时:_______　得分:_______　　　　_______年_____月_____日　　{{ settings.total }}题</p>
            <div class="content">
                <ul>
                    <li v-for="q in questions[0]"><span v-html="q"></span></li>
                </ul>
                <ul>
                    <li v-for="q in questions[1]"><span v-html="q"></span></li>
                </ul>
                <ul>
                    <li v-for="q in questions[2]"><span v-html="q"></span></li>
                </ul>
                <ul>
                    <li v-for="q in questions[3]"><span v-html="q"></span></li>
                </ul>
            </div>
        </div>
        <script src="./static/vue.js"></script>
        <script src="./static/app.js"></script>
    </body>
</html>